<template>
    <div>
        <div class="listGroup" v-for="(item,index) in listdata" :key="index">
            <div class="item border-bottom">
                <i class="iconfont">&#xe628;</i>
                <span>{{item.title}}</span>
            </div>
            <detail-list v-if="item.children" :listdata="item.children"></detail-list>
        </div>
    </div>
</template>

<style scoped>
.listGroup{
    width: 100%;
    padding: .2rem;
    box-sizing: border-box;
}
.item{
    box-sizing: border-box;
    padding: .2rem;
}
.item i{
    position: relative;
    margin-right: .2rem;
}
</style>

<script>
export default {
    name:"detailList",
    props:["listdata"],
    data(){
        return{
            title:"列表页"
        }
    }
}
</script>

